<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type= "text/css">
			
			.first_body{
				width: 977px;
				height: 800px;
				border: 1px solid darkorange;
				position: relative;
				margin: auto;
			}
			.first_body img{
				margin-left: -22px;
			}
			.first_logo ul li{
				list-style: none;
				float: left;
				margin: 4px;
			}
			.first_logo ul{
				position: absolute;
				top: -8px;
				right: 40px;
			}
			.first_logo1{
				position: absolute;
				top: 70px;
				left: -10px;
				
			}
			.first_logo1 ul li a{
				color: black;
				text-decoration: none;
			}
			.first_logo1 ul li{
				list-style: none;
				float: left;
				margin: 15px;
			}
			.content{
				position: relative;
				top: -20px;
				left: 20px;
				
			}
			.xiaodaohang ul li{
				list-style: none;
				color: darkorange;
				height: 150px;	
			}
			.xiaodaohang{
				position: absolute;
				top: 22px;
				left: -40px;
				
			}
			.xiaodaohang1 ul li{
				list-style: none;	
                font-size: x-small;
				height: 8px;
				padding: 8px;
				color: #808080;
				   
			}
			.xiaodaohang1 ul{
			    height: 5px;
			}
			.xiaodaohang1{
				position: absolute;
				top: 50px;
				left: -50px;
			}
			
			.xiaodaohang2 ul li{
				list-style: none;	
			    font-size: x-small;
				height: 8px;
				padding: 8px;
				color: #808080;
				   
			}
			.xiaodaohang2 ul{
			    height: 5px;
			}
			.xiaodaohang2{
				position: absolute;
				top: 195px;
				left: -50px;
			}
			
			.xiaodaohang3 ul li{
				list-style: none;	
			    font-size: x-small;
				height: 8px;
				padding: 8px;
				color: #808080;
				   
			}
			.xiaodaohang3 ul{
			    height: 5px;
			}
			.xiaodaohang3{
				position: absolute;
				top: 340px;
				left: -50px;
			}
			.xiaodaohang4 ul li{
				list-style: none;	
			    font-size: x-small;
				height: 8px;
				padding: 8px;
				color: #808080;
				   
			}
			.xiaodaohang4 ul{
			    height: 5px;
			}
			.xiaodaohang4{
				position: absolute;
				top: 490px;
				left: -50px;
			}
			.lunbo{
				position: absolute;
				top: 10px;
				left: 210px;
			}
			.content_xiaotupian ul li{
				float: left;
				width: 150px;
				height: 140px;
				
			}
			.content_xiaotupian ul li img{
				width: 90px;
				height: 60px;
				border: 1px solid #A9A9A9;
			}
			.content_xiaotupian{
				position: absolute;
				top: 220px;
				left: 230px;
				width: 500px;
			}
			.content_xiaotupian p{
				font-size: x-small;
				margin-left: -50px;
				width: 150px;
				text-align: center;
			}
			.fir_right{
				width: 250px;
				height: 250px;
				
				position: absolute;
				top: 180px;
			    right: 10px;
				font-size: x-small;
			}
			.fir_right img{
				width: 50px;
				height: 40px;
				border: 1px solid #A9A9A9;
			}
			.fir_right ul li{
				height: 60px;
				
				
			}
			.fir_right ul li a{
				position: relative;
				top: -20px;
				margin-left: 20px;
				
				
			}
			.fir_right ul{
				position: absolute;
				top: 2px;
			}
			
		    .logo_head{
					position: relative;
					top: -38px;
					height: 10px;
					
				}
			.logo_head ul li {			
					float: left;
					list-style: none;
					text-decoration: none;
				}
			.logo_head ul li a{
					text-decoration: none;
					color: black;
					
				}
			.logo_wid {
				
					margin: auto;
					width: 800px;
					height: 300px;
					clear: both;
					text-align: center;
					position: relative;
					top: -50px;
					
				}
				.logo_wid p{
					margin-left: 300px;
				}
				.logo_wid h4{
					height: 1px;
				}
				.logo_wid img{
					
				}
		</style>
	</head>
	<body>
	<div class="first_body">
		<img src="./images/h_bg.jpg" />
		<div class="first_logo">
		<ul>
	    <li>购物车</li>
		<li>帮助中心</li>
		<li>加入收藏</li>
		<li>设为首页</li>
		<li><a href="login.html"><input type="button" value="登录"/></a></li>
		<li><a href="register.html"><input type="button" value="注册"/></a></li>
		</ul>
		</div>
		<div class="first_logo1">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">家用电器</a></li>
				<li><a href="#">手机数码</a></li>
				<li><a href="#">日用百货</a></li>
				<li><a href="#">书籍</a></li>
				<li><a href="#">帮助中心</a></li>
				<li><a href="#">免费开店</a></li>
				<li><a href="#">全球咨询</a></li>
			</ul>
		</div>
		<div  class="content">
			<img src="./images/bg.gif" />
			<div class="xiaodaohang">
			<ul>
				<li>家用电器</li>
				<li>书籍</li>
				<li>手机数码</li>
				<li>日用百货</li>
			</ul>
			</div>
			<div class="xiaodaohang1">
				<ul>
					<li>大家电&nbsp;洗衣机&nbsp;平板电视</li>
					<li>电热水器&nbsp;家庭音响&nbsp;热水器</li>
					<li>空调冰箱&nbsp;冷柜&nbsp;DVD</li>
					<li>电视附件&nbsp;电燃气&nbsp;家电下乡</li>
					<li>家电服务&nbsp;电饭煲&nbsp;摄像机</li>
				</ul>
				</div>
				<div class="xiaodaohang2">
				<ul>
					<li>大家电&nbsp;洗衣机&nbsp;平板电视</li>
					<li>电热水器&nbsp;家庭音响&nbsp;热水器</li>
					<li>空调冰箱&nbsp;冷柜&nbsp;DVD</li>
					<li>电视附件&nbsp;电燃气&nbsp;家电下乡</li>
					<li>家电服务&nbsp;电饭煲&nbsp;摄像机</li>
				</ul>
				</div>
				<div class="xiaodaohang3">
				<ul>
					<li>大家电&nbsp;洗衣机&nbsp;平板电视</li>
					<li>电热水器&nbsp;家庭音响&nbsp;热水器</li>
					<li>空调冰箱&nbsp;冷柜&nbsp;DVD</li>
					<li>电视附件&nbsp;电燃气&nbsp;家电下乡</li>
					<li>家电服务&nbsp;电饭煲&nbsp;摄像机</li>
				</ul>
				</div>
				<div class="xiaodaohang4">
				<ul>
					<li>大家电&nbsp;洗衣机&nbsp;平板电视</li>
					<li>电热水器&nbsp;家庭音响&nbsp;热水器</li>
					<li>空调冰箱&nbsp;冷柜&nbsp;DVD</li>
					<li>电视附件&nbsp;电燃气&nbsp;家电下乡</li>
					<li>家电服务&nbsp;电饭煲&nbsp;摄像机</li>
				</ul>
				</div>
			
			<div class="lunbo">
				<img src="images/ad-04.jpg" />
			</div>
			
			<div class="content_xiaotupian">
				<ul>
				<li><img src="images/promote-1.jpg" /><p>惠普商务移动应用英寸笔记本</p></li>
				<li><img src="images/promote-2.jpg" /><p>夏新N6 GPS真人语音导航手机超低特价疯抢 数量有限</p></li>
				<li><img src="images/promote-3.jpg" /><p>三星家庭影院 HT-TZ325 购机送好礼（超值性价比）</p></li>
				<li><img src="images/laser-pen.jpg" /><p>明基MP512投影仪 2899元送100元京东券SVGA2200流明</p></li>
				<li><img src="images/mouse.jpg" /><p>罗技数据1TB移动鼠标729元年开抢</p></li>
				<li><img src="images/earphone.jpg" /><p>海森纳尔极品耳机绝对不容错过</p></li>
				<li><img src="images/Wancom.jpg" /><p>亚尔逊随时阅读，随时记录，史上最佳选择</p></li>
				<li><img src="images/Frame.jpg" /><p>优雅相框</p></li>
				<li><img src="images/notebook.jpg" /><p>IBM 2009最新上网本</p></li>
				</ul>
			</div>
			<div class="fir_right">
				<ul>
					<li><img src="images/show1.jpg"/><a>大牌狂降价，三折直送</a></li>
					<li><img src="images/show2.jpg"/><a>大学要求老师开网店</a></li>
					<li><img src="images/show5.jpg"/><a>黑眼圈推荐，美白不停</a></li>
					<li><img src="images/show4.jpg"/><a>瘦身狂潮风，修行之选</a></li>
				</ul>
				
			</div>
			<div class="logo_head">
				
				 <ul>
					 <li>友情链接：</li>
					 <li><a href="#">百度|</a></li>
					 <li><a href="#">百度|</a></li>
					 <li><a href="#">百度|</a></li>
					 <li><a href="#">Google|</a></li>
					 <li><a href="#">雅虎|</a></li>
					 <li><a href="#">淘宝|</a></li>
					 <li><a href="#">拍拍|</a></li>
					 <li><a href="#">易趣|</a></li>
					 <li><a href="#">当当|</a></li>
					 <li><a href="#">京东商城|</a></li>
					 <li><a href="#">迅雷|</a></li>
					 <li><a href="#">新浪|</a></li>
					 <li><a href="#">网易|</a></li>
					 <li><a href="#">搜狐|</a></li>
					 <li><a href="#">猫扑|</a></li>
					 <li><a href="#">开心网|</a></li>
					 <li><a href="#">新华网|</a></li>
					 <li><a href="#">凤凰网|</a></li>
					 
				 </ul>
			</div>
		</div>
		
	</div>
	<div class="logo_wid">
		<h4>COPYRIGHT2003-2010北京市贵美商城有限公司ALL RIGHT RESERVED</h4>
		<h4>热线：400-66-13060 Email:service@prd.com</h4>
		<h4>ICP:沪ICP备05021104号</h4>
		<img src="images/img1.gif"/>
		<img src="images/img2.gif"/>
		<img src="images/img3.gif"/>
		<img src="images/img4.gif"/>
		
	</div>
	</div>
	
	</body>
</html>
